<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
}>();

const { $fn, $global } = props.ujt;

const { initUserOnline } = $fn.useInitUser(props.ujt, 'webserver');
initUserOnline();
</script>

<template>
    <div
        id="asaiwebserveruseronline"
        :class="'asaiweb asaiweb' + $global.location?.hasharr?.[0]"
    >
        <template v-if="$global.code.token && $global.user.online">
            <AsaiComponent :ujt="ujt"></AsaiComponent>
        </template>
        <component
            v-else
            :ujt="ujt"
            :is="
                $global.sys?.router?.config?.loading ||
                'PageLoadUserTokenOnline'
            "
        ></component>
    </div>
</template>

<style scoped lang="scss">
#asaiwebserveruseronline {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
</style>
